<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_inovacao.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>
        <h:form>
            <div id="wrap_site">
                <div id="topo">
                    <div id="menu">
                        <ul>
                            <li><a href="../index.html">INÍCIO</a></li>
                            <li><a href="../quem_somos/index.xhtml">QUEM SOMOS</a></li>
                            <li><a href="#">EIXOS DE OBSERVAÇÃO</a></li>
                            <li><a href="#">PROJETOS</a></li>
                            <li><a href="../noticias/index.html">NOTÍCIAS</a></li>
                            <li><a href="../contato.html">CONTATO</a></li>
                            <li><a href="../indexSistema.xhtml">ACESSO AO SISTEMA</a></li>	
                        </ul>
                    </div> <!--END MENU-->

                    <div id="redes_sociais"> 
                        <a href="#"><img src="../images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                        <a href="#"><img src="../images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                        <a href="#"><img src="../images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                        <a href="#"><img src="../images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                        <a href="#"><img src="../images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                    </div> <!--END REDES SOCIAIS-->

                    <div class="clear_float">  </div>
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left">
                        <a href="../index.html"><img src="../images/id_observatorio.jpg" width="240" height="240" alt="Observatório" /></a>
                        <a href="../eixo_aprendizagem/index.html"><img src="../images/bt_aprendizagem.jpg" width="82" height="78" /></a>
                        <a href="../eixo_inovacao/index.xhtml"><img src="../images/bt_inovacao.jpg" width="81" height="78" /></a>
                        <a href="../eixo_avaliacao/index.xhtml"><img src="../images/bt_avaliacao.jpg" width="82" height="78" /></a>

                        <div id="conteudo_sidebar">
                            <strong class="texto_vermelho">Sobre o Dicionário</strong>
                            <br />
                            <br />
                            O Dicionário da Formação em Gestão
                            Social é um projeto idealizado pelo
                            Observatório para ajudar o estudante ou
                            inciante em gestão social a se familiarizar
                            com alguns termos que ajudam a dar
                            sentido e significado a este campo em
                            formação de conhecimentos e práticas em
                            gestão.
                            A primeira versão deste dicionário foi
                            lançada em 27 de maio de 2013, com um
                            conjunto de 25 verbetes preparados por 25
                            professores-pesquisadores oriundos de 7
                            Universiades Brasileiras.
                            A próxima versão, com um novo conjunto
                            de verbetes, será postada neste site ainda
                            este ano de 2013.
                            Inscreva-se em nssa Newletters e receba
                            nossas atulizações!

                            <br />
                            <br />
                            <a class="texto_vermelho"><em><h:commandLink action="#{verbeteBean.consultarVerbeteAutor()}" >Clique aqui para conhecer a lista dos autores.</h:commandLink></em></a>
                            <br />
                            <br />
                            <br />
                            <br />
                            
                        </div>
                    </div>
                    <div id="sidebar_right">
                        <div id="titlo_eixo_inovacao">
                            <img src="../images/titulo_eixo_inovacao.jpg" width="148" height="67" alt="Eixo Inovação" class="float_left" />
                            <p class="float_left">O Eixo de Inovação acolhe projetos de pequisa que buscam mapear, compeender e/ou discutir a natureza e as fronteiras da Gestão Social como um novo campo de prátcas e conhecimentos em gestão.</p>
                            <div class="clear_float"></div>
                        </div>

                             
                        <div id="bg_cinza_geral">
                            <strong class="texto_vermelho">Resultados da Pesquisa</strong>
                            <br  />
                            <p>(Clique no verbete desejado para conhecer sua significação)</p>
                           

                                <p:dataTable id="cars" var="verbete" value="#{verbeteBean.resultadoPesquisa}" rowKey="#{verbete.id}"  
                                             selection="#{verbeteBean.verbeteSelecionado}" selectionMode="single"  style="background-color: #C6BCBC;border-bottom-color:#C6BCBC;-moz-column-rule-color: #C6BCBC " paginator="true" rows="5" >  

                                    <p:column headerText="Verbete" style="white-space: normal;font-size: 12px;background-color: #D9D0D0;"    >  

                                        <h:outputText value="#{verbete.titulo}" styleClass="texto_vermelho"  />
                                        <h:outputText value="#{verbete.autoresInstituicaoToString}" escape="false" />


                                    </p:column>  




                                    <f:facet name="footer" >  
                                        <p:commandButton id="viewButton" value="Visualizar" action="/eixo_inovacao/visualizar_verbete.xhtml?faces-redirect=true" icon="ui-icon-search"  style="background-color: #C6BCBC"
                                                         />  
                                    </f:facet>  

                                </p:dataTable>  

                                <p:dialog id="dialog" header="Verbete Detalhado" widgetVar="verbeteDialog" dynamic="true" resizable="false"  
                                          maximizable="true" >  

                                    <h:panelGrid id="display" columns="2" cellpadding="2">  


                                        <h:outputText value="Verbete:" />  
                                        <h:outputText value="#{verbeteBean.verbeteSelecionado.titulo}" />  

                                        <h:outputText value="Títulos Alternativos:" />  
                                        <h:outputText value="#{verbeteBean.verbeteSelecionado.titulosAlternativo1}, #{verbeteBean.verbeteSelecionado.titulosAlternativo2}, #{verbeteBean.verbeteSelecionado.titulosAlternativo3} " />  

                                        <h:outputText value="Obras Recomendadas:" />
                                        <h:outputText value="#{verbeteBean.verbeteSelecionado.sugestaoLeitura1.toString()} #{verbeteBean.verbeteSelecionado.sugestaoLeitura2.toString()} #{verbeteBean.verbeteSelecionado.sugestaoLeitura3.toString()}" escape="false" />

                                        <h:outputText value="Significado(s):" />  
                                        <h:outputText value="#{verbeteBean.verbeteSelecionado.significadosToString}" escape="false" />  

                                    </h:panelGrid>  
                                </p:dialog>  

                            
                        </div>
                        
                        <div id="dicionario_formacao">

                            <table width="520" border="0" cellpadding="0" cellspacing="0" class="tabelas_campos_inovacao">
                                <tr>
                                    <td><p>Pesquise seu verbete:</p></td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                   
                                        <td><h:inputText value="#{verbeteBean.consultaVerbete}" label="pesquisar"  size="30" /></td>
                                        <td><h:commandButton action="#{verbeteBean.consultarVerbeteTitulo()}" image="../images/bt_vai.jpg"  /> </td>
                                   
                                </tr>

                                <tr>
                                    <td colspan="2"><p><br />
                                            Pesquise pela primeira letra do verbete:</p></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><p>
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(1)}" value="a" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(2)}" value="b" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(3)}" value="c" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(4)}" value="d" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(5)}" value="e" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(6)}" value="f" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(7)}" value="g" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(8)}" value="h" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(9)}" value="i" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(10)}" value="j" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(11)}" value="k" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(12)}" value="l" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(13)}" value="m" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(14)}" value="n" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(15)}" value="o" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(16)}" value="p" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(17)}" value="q" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(18)}" value="r" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(19)}" value="s" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(20)}" value="t" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(21)}" value="u" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(22)}" value="v" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(23)}" value="w" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(24)}" value="x" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(25)}" value="y" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(26)}" value="z" class="bt_letra_verbete"  />
                                            <h:commandButton action="#{verbeteBean.consultarVerbeteTitulo(27)}" value="Todos" class="bt_letra_verbete"  />
                                        </p>
                                        <br />
                                        <br />
                                        <p></p>
                                    </td>
                                </tr>
                                <tr>
                                    <td><p><br />
                                            Pesquise por autor:</p></td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td><input name="pesquisa" type="text" class="campo_pesquisaverbetes" size="30" /></td>
                                    <td><input name="vai" type="image" value="Vai!" src="../images/bt_vai.jpg" /></td>
                                </tr>

                            </table>

                        </div>  

                    </div>


                    <div class="clear_float"> </div>
                </div> <!--END CONTEUDO-->

                <div id="footer">
                    <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
                </div>
                <div id="wrap_marcas">
                    <img src="../images/id_rgs.jpg" width="72" height="51" alt="RGS" />
                    <img src="../images/id_ufba.jpg" width="32" height="67" alt="UFBA" />
                    <img src="../images/id_ufc.jpg" width="34" height="67" alt="UFC" />
                    <img src="../images/id_usp.jpg" width="34" height="67" alt="UFC" />  
                    <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
                    <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                    <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
                </div>





            </div> <!--END WRAP SITE-->
        </h:form>
    </h:body>
</html>

